
.s{
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0 0 5px 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
  }

.navbar-icon{
    /* background-color: rgba(255,255,255,0);
    filter: invert(100%);
    mix-blend-mode: difference; */
}
  
.navbar-card{
    transition: top .5s linear;  /*导航栏过渡出现和隐藏*/
    position: fixed;   /* 绝对定位，不管滚动条上下滚动都在相应的位置*/
    width: 100%;
    z-index: 98;
    bottom: 0px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px 20px 5px 5px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}


.navbar-drawer-card{
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}
